<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>头部</title>
  <!-- reset css -->
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./font_4638158_bsxhp96rcg/iconfont.css">
</head>

<body>
  <!-- 1.预备工作，创建目录（不要使用中文）,导入素材 -->
  <!-- 2.创建resetcss 文件，并根据UI样式需求，修改resetcss -->
  <!-- 3.创建标签，完善布局 -->
  <div class="header-top">
    <div class="header-top-in">
      <form action="#">
        <label><button class="tushu"><i class="iconfont icon-tushu"></i></button></label>
        <label><input type="text" value="在这里全站搜索"></label>
        <label><button type="submit" class="btn search-submit"><i class="iconfont icon-sousuo"></i></button></label>
        <label><a href="#"><i class="iconfont icon-gongwenbao"></i>授权查询</a></label>
        <label><a href="#"><i class="iconfont icon-weixin"></i>联系官方</a></label>
      </form>
      <ul>
        <li><a href="#">技术咨询</a></li>
        <li><a href="#">程序故障/bug反馈</a></li>
        <li><a href="#"><i class="icon-weixin iconfont"></i>微信登陆</a></li>
        <li><a href="#">用户登录</a></li>
        <li><a href="#">用户注册</a></li>
      </ul>
    </div>
  </div>

  <!-- header-top -->
  <div class="header">
    <div class="header-in container cf">
      <h1 class="logo fl"><a href="#">网站logo</a></h1>
      <div class="fr">
        <ul class="ufl cf">
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li class="c-btn"><a href="#">控制台</a></li>
        </ul>
      </div>
    </div>
  </div>

  <!-- advertise -->

  <div class="advertise">
    <div class="advertise-in">
      <div class="swiper"></div>
      <div class="adv-tags">
        <div class="adv-tags-item">
          <i class="iconfont icon-git"></i>
          <p><a href="#">免费开源</a></p>
          <p>MIT开源协议，免费且不限商用</p>
        </div>
        <div class="adv-tags-item">
          <i class="iconfont icon-git"></i>
          <p><a href="#">免费开源</a></p>
          <p>MIT开源协议，免费且不限商用</p>
        </div>
        <div class="adv-tags-item">
          <i class="iconfont icon-git"></i>
          <p><a href="#">免费开源</a></p>
          <p>MIT开源协议，免费且不限商用</p>
        </div>
        <div class="adv-tags-item">
          <i class="iconfont icon-git"></i>
          <p><a href="#">免费开源</a></p>
          <p>MIT开源协议，免费且不限商用</p>
        </div>
      </div>
    </div>
  </div>

  <!-- guide-overview -->
  <div class="guide-overview">
    <div class="guide-ov-in">
      <div class="down">
        <a href="#">下载迅睿CMS程序源码</a>
      </div>
      <p class="cms-doc">
        <a href="">
          CMS介绍文档
        </a>
        <span>|</span>
        <a href="">
          官方技术QQ群
        </a>
      </p>
      <div class="guide-video">
        <iframe style="width: 100%; height: 100%;"
          src="https://www.bilibili.com/video/BV1Hn4y1d7Tz/?spm_id_from=333.337.search-card.all.click&vd_source=40f47159f670d084e07c2a49e94f2d40"></iframe>
      </div>
    </div>
  </div>

  <!-- service -->
  <div class="service">
    <div class="service-in container">
      <div class="section_header">
        <h2>我们能够为您做的</h2>
        <p>以成熟稳定的迅睿CMS系统为基础，帮助客户在互联网推广自己的产品、服务和品牌，为客户创造价值从而实现自身价值！</p>
      </div>
      <div class="service-items ">
        <div class="adv-tags-item">
          <i class="iconfont icon-git"></i>
          <p><a href="#">免费开源</a></p>
          <p>MIT开源协议，免费且不限商用</p>
        </div>
        <div class="adv-tags-item">
          <i class="iconfont icon-git"></i>
          <p><a href="#">免费开源</a></p>
          <p>MIT开源协议，免费且不限商用</p>
        </div>
        <div class="adv-tags-item">
          <i class="iconfont icon-git"></i>
          <p><a href="#">免费开源</a></p>
          <p>MIT开源协议，免费且不限商用</p>
        </div>
        <div class="adv-tags-item">
          <i class="iconfont icon-git"></i>
          <p><a href="#">免费开源</a></p>
          <p>MIT开源协议，免费且不限商用</p>
        </div>
      </div>
    </div>
  </div>

  <!-- product-dynamics -->
  <div class="product-dynamics">
    <div class="container">
      <div class="section_header">
        <h2>我们能够为您做的</h2>
        <p>以成熟稳定的迅睿CMS系统为基础，帮助客户在互联网推广自己的产品、服务和品牌，为客户创造价值从而实现自身价值！</p>
      </div>
      <div class="pro-d-items cf">
        <div class="fl">
          <div class="pro-item-l">
            <div class="sub-title">
              <a href="#" class="sub-title__more md-hide" target="_blank">更多><i class="fa fa-angle-right"></i></a>
              <strong>官方公告</strong>
            </div>
            <ul class="news">
              <li>
                <span class="topid">1</span>
                <span class="time">2022-08-14</span>
                <a href="https://www.xunruicms.com/news/1069.html"
                  title="【反诈防骗】网络购物要留心，交易付款需谨慎，防范被钓鱼网站利用">【反诈防骗】网络购物要留心，交易付款需谨慎，防范被钓鱼网站利用</a>
              </li>
              <li>
                <span class="topid">2</span>
                <span class="time">2021-07-06</span>
                <a href="https://www.xunruicms.com/news/750.html" title="网站技术员跑路了？网站无人维护怎么办？">网站技术员跑路了？网站无人维护怎么办？</a>
              </li>
              <li>
                <span class="topid">3</span>
                <span class="time">2021-09-28</span>
                <a href="https://www.xunruicms.com/news/804.html"
                  title="关于迅睿CMS框架开源协议和是否免费商用的疑问">关于迅睿CMS框架开源协议和是否免费商用的疑问</a>
              </li>
              <li>
                <span class="topid">4</span>
                <span class="time">2023-03-20</span>
                <a href="https://www.xunruicms.com/news/1228.html" title="了解插件有哪些功能 插件源码支持试用体验">了解插件有哪些功能 插件源码支持试用体验</a>
              </li>
              <li>
                <span class="topid">5</span>
                <span class="time">2021-09-04</span>
                <a href="https://www.xunruicms.com/news/794.html" title="迅睿团队注重技术研发，更注重技术服务">迅睿团队注重技术研发，更注重技术服务</a>
              </li>
              <li>
                <span class="topid">6</span>
                <span class="time">2022-07-21</span>
                <a href="https://www.xunruicms.com/news/1053.html"
                  title="迅睿CMS支持Codeigniter、Laravel、ThinkPHP三种内核可选模式">迅睿CMS支持Codeigniter、Laravel、ThinkPHP三种内核可选模式</a>
              </li>
            </ul>
          </div>
          <div class="pro-item-l">
            <div class="sub-title">
              <a href="#" class="sub-title__more md-hide" target="_blank">更多><i class="fa fa-angle-right"></i></a>
              <strong>官方公告</strong>
            </div>
            <ul class="news">
              <li>

                <span class="time">2022-08-14</span>
                <a href="https://www.xunruicms.com/news/1069.html"
                  title="【反诈防骗】网络购物要留心，交易付款需谨慎，防范被钓鱼网站利用">【反诈防骗】网络购物要留心，交易付款需谨慎，防范被钓鱼网站利用</a>
              </li>
              <li>

                <span class="time">2021-07-06</span>
                <a href="https://www.xunruicms.com/news/750.html" title="网站技术员跑路了？网站无人维护怎么办？">网站技术员跑路了？网站无人维护怎么办？</a>
              </li>
              <li>

                <span class="time">2021-09-28</span>
                <a href="https://www.xunruicms.com/news/804.html"
                  title="关于迅睿CMS框架开源协议和是否免费商用的疑问">关于迅睿CMS框架开源协议和是否免费商用的疑问</a>
              </li>
              <li>

                <span class="time">2023-03-20</span>
                <a href="https://www.xunruicms.com/news/1228.html" title="了解插件有哪些功能 插件源码支持试用体验">了解插件有哪些功能 插件源码支持试用体验</a>
              </li>
              <li>

                <span class="time">2021-09-04</span>
                <a href="https://www.xunruicms.com/news/794.html" title="迅睿团队注重技术研发，更注重技术服务">迅睿团队注重技术研发，更注重技术服务</a>
              </li>
              <li>

                <span class="time">2022-07-21</span>
                <a href="https://www.xunruicms.com/news/1053.html"
                  title="迅睿CMS支持Codeigniter、Laravel、ThinkPHP三种内核可选模式">迅睿CMS支持Codeigniter、Laravel、ThinkPHP三种内核可选模式</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="fr">
          <div class="sub-title title-right">
            <a href="#" class="sub-title__more md-hide" target="_blank">更多<i class="fa fa-angle-right">></i></a>
            <strong>官方公告</strong>
          </div>
          <div class="tsgn">
            <div class="tsgn-in">
              <div class="notice-item__cover">
                <img src="https://file.xunruicms.com/file/202107/b47fb7715693ceb.jpg" style="opacity: 1;">
              </div>
              <div class="notice-item__right">
                <div class="notice-item__title "><a href="https://www.xunruicms.com/phpcmf/752.html"
                    title="清爽简洁的后台简化模式-简单易用">清爽简洁的后台简化模式-简单易用</a></div>
                <div class="notice-item__intro">
                  迅睿CMS是符合大众化的CMS程序设计，内置很多功能配置，针对运营类站长人群时很多功能基本上用不上，这时候就会感觉后台反而很杂乱；那么，针对这类人群迅睿研发团队专门设计了【后台简化模式】，在简化模式下后台就会变得非常清爽简洁，去除了杂乱的功能，操作更加方便。简化模式只具备部分可操作的功能，适用于非专业人士使用，比如运营人员、数据录入人员使用。自定义设置简化模式下的菜单数据如果觉得系统内置在简化模式...
                </div>
              </div>
            </div>
            <div class="tsgn-in">
              <div class="notice-item">
                <div class="notice-item__cover">
                  <img src="https://file.xunruicms.com/file/202107/b47fb7715693ceb.jpg" style="opacity: 1;">
                </div>
                <div class="notice-item__right">
                  <div class="notice-item__title "><a href="https://www.xunruicms.com/phpcmf/752.html"
                      title="清爽简洁的后台简化模式-简单易用">清爽简洁的后台简化模式-简单易用</a></div>
                  <div class="notice-item__intro">
                    迅睿CMS是符合大众化的CMS程序设计，内置很多功能配置，针对运营类站长人群时很多功能基本上用不上，这时候就会感觉后台反而很杂乱；那么，针对这类人群迅睿研发团队专门设计了【后台简化模式】，在简化模式下后台就会变得非常清爽简洁，去除了杂乱的功能，操作更加方便。简化模式只具备部分可操作的功能，适用于非专业人士使用，比如运营人员、数据录入人员使用。自定义设置简化模式下的菜单数据如果觉得系统内置在简化模式...
                  </div>
                </div>
              </div>
            </div>
            <div class="tsgn-in">
              <div class="notice-item__cover">
                <img src="https://file.xunruicms.com/file/202107/b47fb7715693ceb.jpg" style="opacity: 1;">
              </div>
              <div class="notice-item__right">
                <div class="notice-item__title "><a href="https://www.xunruicms.com/phpcmf/752.html"
                    title="清爽简洁的后台简化模式-简单易用">清爽简洁的后台简化模式-简单易用</a></div>
                <div class="notice-item__intro">
                  迅睿CMS是符合大众化的CMS程序设计，内置很多功能配置，针对运营类站长人群时很多功能基本上用不上，这时候就会感觉后台反而很杂乱；那么，针对这类人群迅睿研发团队专门设计了【后台简化模式】，在简化模式下后台就会变得非常清爽简洁，去除了杂乱的功能，操作更加方便。简化模式只具备部分可操作的功能，适用于非专业人士使用，比如运营人员、数据录入人员使用。自定义设置简化模式下的菜单数据如果觉得系统内置在简化模式...
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>

  <!-- hot-app -->
  <div class="hot-app">
    <div class="container">
      <div class="section_header">
        <h2>我们能够为您做的</h2>
        <p>以成熟稳定的迅睿CMS系统为基础，帮助客户在互联网推广自己的产品、服务和品牌，为客户创造价值从而实现自身价值！</p>
      </div>
      <div class="hot-app-list">
        <div class="hot-app-list-in">
          <div class="grid-item">
            <div class="shop-left full-left">
              <a class="hover-overlay" href="https://www.xunruicms.com/shop/1000.html">
                <img class="img-fluid"
                  src="https://file.xunruicms.com/thumb/58/fc/54faf5b06942dcb64310ed1193fab0c8/120x120_auto.webp"
                  alt="模板界面管理" title="模板界面管理">
              </a>
            </div>
            <div class="doctor-meta full-right">
              <h5 style="margin-bottom:0" class="shop-title"><a href="https://www.xunruicms.com/shop/1000.html"
                  title="模板界面管理">模板界面管理</a></h5>
              <div class="gzd">在线模板修改，实时存储历史文件，备注模板别名，实...</div>
            </div>
          </div>
          <div class="grid-item">
            <div class="shop-left full-left">
              <a class="hover-overlay" href="https://www.xunruicms.com/shop/1000.html">
                <img class="img-fluid"
                  src="https://file.xunruicms.com/thumb/58/fc/54faf5b06942dcb64310ed1193fab0c8/120x120_auto.webp"
                  alt="模板界面管理" title="模板界面管理">
              </a>
            </div>
            <div class="doctor-meta full-right">
              <h5 style="margin-bottom:0" class="shop-title"><a href="https://www.xunruicms.com/shop/1000.html"
                  title="模板界面管理">模板界面管理</a></h5>
              <div class="gzd">在线模板修改，实时存储历史文件，备注模板别名，实...</div>
            </div>
          </div>
          <div class="grid-item">
            <div class="shop-left full-left">
              <a class="hover-overlay" href="https://www.xunruicms.com/shop/1000.html">
                <img class="img-fluid"
                  src="https://file.xunruicms.com/thumb/58/fc/54faf5b06942dcb64310ed1193fab0c8/120x120_auto.webp"
                  alt="模板界面管理" title="模板界面管理">
              </a>
            </div>
            <div class="doctor-meta full-right">
              <h5 style="margin-bottom:0" class="shop-title"><a href="https://www.xunruicms.com/shop/1000.html"
                  title="模板界面管理">模板界面管理</a></h5>
              <div class="gzd">在线模板修改，实时存储历史文件，备注模板别名，实...</div>
            </div>
          </div>
          <div class="grid-item">
            <div class="shop-left full-left">
              <a class="hover-overlay" href="https://www.xunruicms.com/shop/1000.html">
                <img class="img-fluid"
                  src="https://file.xunruicms.com/thumb/58/fc/54faf5b06942dcb64310ed1193fab0c8/120x120_auto.webp"
                  alt="模板界面管理" title="模板界面管理">
              </a>
            </div>
            <div class="doctor-meta full-right">
              <h5 style="margin-bottom:0" class="shop-title"><a href="https://www.xunruicms.com/shop/1000.html"
                  title="模板界面管理">模板界面管理</a></h5>
              <div class="gzd">在线模板修改，实时存储历史文件，备注模板别名，实...</div>
            </div>
          </div>
          <div class="grid-item">
            <div class="shop-left full-left">
              <a class="hover-overlay" href="https://www.xunruicms.com/shop/1000.html">
                <img class="img-fluid"
                  src="https://file.xunruicms.com/thumb/58/fc/54faf5b06942dcb64310ed1193fab0c8/120x120_auto.webp"
                  alt="模板界面管理" title="模板界面管理">
              </a>
            </div>
            <div class="doctor-meta full-right">
              <h5 style="margin-bottom:0" class="shop-title"><a href="https://www.xunruicms.com/shop/1000.html"
                  title="模板界面管理">模板界面管理</a></h5>
              <div class="gzd">在线模板修改，实时存储历史文件，备注模板别名，实...</div>
            </div>
          </div>
          <div class="grid-item">
            <div class="shop-left full-left">
              <a class="hover-overlay" href="https://www.xunruicms.com/shop/1000.html">
                <img class="img-fluid"
                  src="https://file.xunruicms.com/thumb/58/fc/54faf5b06942dcb64310ed1193fab0c8/120x120_auto.webp"
                  alt="模板界面管理" title="模板界面管理">
              </a>
            </div>
            <div class="doctor-meta full-right">
              <h5 style="margin-bottom:0" class="shop-title"><a href="https://www.xunruicms.com/shop/1000.html"
                  title="模板界面管理">模板界面管理</a></h5>
              <div class="gzd">在线模板修改，实时存储历史文件，备注模板别名，实...</div>
            </div>
          </div>
          <div class="grid-item">
            <div class="shop-left full-left">
              <a class="hover-overlay" href="https://www.xunruicms.com/shop/1000.html">
                <img class="img-fluid"
                  src="https://file.xunruicms.com/thumb/58/fc/54faf5b06942dcb64310ed1193fab0c8/120x120_auto.webp"
                  alt="模板界面管理" title="模板界面管理">
              </a>
            </div>
            <div class="doctor-meta full-right">
              <h5 style="margin-bottom:0" class="shop-title"><a href="https://www.xunruicms.com/shop/1000.html"
                  title="模板界面管理">模板界面管理</a></h5>
              <div class="gzd">在线模板修改，实时存储历史文件，备注模板别名，实...</div>
            </div>
          </div>
          <div class="grid-item">
            <div class="shop-left full-left">
              <a class="hover-overlay" href="https://www.xunruicms.com/shop/1000.html">
                <img class="img-fluid"
                  src="https://file.xunruicms.com/thumb/58/fc/54faf5b06942dcb64310ed1193fab0c8/120x120_auto.webp"
                  alt="模板界面管理" title="模板界面管理">
              </a>
            </div>
            <div class="doctor-meta full-right">
              <h5 style="margin-bottom:0" class="shop-title"><a href="https://www.xunruicms.com/shop/1000.html"
                  title="模板界面管理">模板界面管理</a></h5>
              <div class="gzd">在线模板修改，实时存储历史文件，备注模板别名，实...</div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>

  <!-- friendlink -->
  <div class="friendlink">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="tab-content" id="pills-tabContent">

            <div class="tab-pane fade show active" id="tab-1" role="tabpanel" aria-labelledby="tab1-list">
              <div class="yqlink align-items-center">


                <label>友情链接：</label>
                <label><a href="https://www.xunruicms.com/" target="_blank">cms系统</a></label>
                <label><a href="https://www.xunruicms.com/" target="_blank">cms下载</a></label>
                <label><a href="https://www.xunruicms.com/" target="_blank">cms源码</a></label>
                <label><a href="https://www.xunruicms.com/" target="_blank">企业建站cms</a></label>
                <label><a href="https://www.xunruicms.com/down/" target="_blank">迅睿cms下载</a></label>
                <label><a href="https://www.xunruicms.com/" target="_blank">seo优化</a> </label>
                <label><a href="http://www.147seo.com/" target="_blank">147免费采集发布</a> </label>
                <label><a href="http://www.keydatas.com/" target="_blank">简数采集器</a> </label>


              </div>
            </div>

          </div>


        </div>
      </div>
    </div>
  </div>

  <!-- footer -->
  <div class="footer">
    <div class="footer-in container">
      <div class="links cf">
        <dl>
          <dt>联系我们</dt>
          <dd><a href="#">联系我们</a></dd>
          <dd><a href="#">联系我们</a></dd>
          <dd><a href="#">联系我们</a></dd>
          <dd><a href="#">联系我们</a></dd>
          <dd><a href="#">联系我们</a></dd>
          <dd><a href="#">联系我们</a></dd>
        </dl>
        <dl class="tuijian">
          <dt>推荐产品</dt>
          <dd><a href="#">api接口</a></dd>
          <dd><a href="#">api接口</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
        </dl>
        <dl class="tuijian">
          <dt></dt>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">api接口</a></dd>
        </dl>
        <dl class="tuijian">
          <dt></dt>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">api接口</a></dd>
          <dd><a href="#">api接口</a></dd>
        </dl>
        <dl class="fr">
          <dt>常见问题</dt>
          <dd><a href="#">莫名其妙的网址变成这样，是哪里出问题了吗？多</a></dd>
          <dd><a href="#">查询范围是所有导入表格数据</a></dd>
          <dd><a href="#">莫名其妙的网址变成这样，是哪里出问题了吗？多</a></dd>
          <dd><a href="#">莫名其妙的网址变成这样，是哪里出问题了吗？多</a></dd>
          <dd><a href="#">查询范围是所有导入表格数据</a></dd>
          <dd><a href="#">查询范围是所有导入表格数据</a></dd>
        </dl>
      </div>
      <div class="copyright">
        <p>XunRuiCMS基于MIT开源协议发布，免费且不限制商业使用</p>
        <p>Copyright © 四川迅睿云软件开发有限公司 蜀ICP备19023384号 川公网安备 51010602001037号 增值电信业务经营许可证 川B2-20211858 营业执照</p>
      </div>
    </div>
  </div>



</body>

</html>